<template>
	<view>
		<view class="list">
			<my-order :img="i.product.thumbnail" :title="i.product.product_name" :price="i.product.price" :rate="i.product.score"
			 :tags="i.product.merchant.tags" v-for="i in follow" :key="i.id" @click.native="$goto('/pages/service/detail?id=' + i.product.id)">
				<template v-slot:mid>
					<view class="flex-row justify-between align-center">
						<view class="sub">{{i.product.merchant.merchant_name}}</view>
						<view class="my-order-btn on">免费咨询</view>
					</view>
				</template>
			</my-order>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				follow: []
			};
		},
		onLoad() {
			this.getList();
		},
		methods: {
			getList() {
				this.$u.get('/member/follow').then(res => {
					this.follow = res.data.result.follow
				})
			}
		}
	}
</script>

<style lang="scss">
	.sub {
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
	}
</style>
